import React from 'react';
import Svg, { Circle, Path } from 'react-native-svg';

export const WebsiteIcon = () => {
  return (
    <Svg width="100%" height="100%" viewBox="0 0 20 20" fill="none">
      <Circle cx="10" cy="10" r="10" fill="#6E56CF" />
      <Path
        d="M8.438 16.3069C7.21292 14.6362 6.49917 12.6458 6.38337 10.5773H3.51855C3.64098 11.9452 4.19477 13.2389 5.10004 14.2717C5.97249 15.2825 7.1399 15.9943 8.438 16.3069Z"
        fill="white"
      />
      <Path
        d="M8.43152 3.69434C7.11588 4.01712 5.93445 4.74401 5.05323 5.77287C4.17202 6.80173 3.63532 8.08084 3.51855 9.43045H6.38337C6.49934 7.36105 7.21055 5.36918 8.43152 3.69434Z"
        fill="white"
      />
      <Path
        d="M9.99972 16.4232C11.4549 14.8114 12.3248 12.7565 12.4692 10.5898H7.53027C7.67467 12.7565 8.54457 14.8114 9.99972 16.4232Z"
        fill="white"
      />
      <Path
        d="M12.4692 9.43001C12.3203 7.26441 11.451 5.21092 9.99972 3.59668C8.54844 5.21092 7.67913 7.26441 7.53027 9.43001H12.4692Z"
        fill="white"
      />
      <Path
        d="M16.4816 10.5773H13.6168C13.4999 12.6445 12.7887 14.6341 11.5686 16.3069C12.8833 15.9845 14.064 15.2586 14.9451 14.231C15.8262 13.2034 16.3635 11.9257 16.4816 10.5773Z"
        fill="white"
      />
      <Path
        d="M16.4819 9.43009C16.3595 8.08068 15.8201 6.80283 14.9386 5.77382C14.057 4.7448 12.8771 4.01565 11.5625 3.6875C12.7873 5.36327 13.5009 7.35771 13.6171 9.43009H16.4819Z"
        fill="white"
      />
    </Svg>
  );
};

export const WebsiteFilledIcon = () => {
  return (
    <Svg width="100%" height="100%" viewBox="0 0 20 20" fill="none">
      <Circle cx="10" cy="10" r="10" fill="#BBBBBB" />
      <Path
        d="M8.43898 16.3068C7.2139 14.6361 6.50014 12.6456 6.38435 10.5771H3.51953C3.64196 11.9451 4.19575 13.2388 5.10101 14.2716C5.97347 15.2824 7.14088 15.9941 8.43898 16.3068Z"
        fill="white"
      />
      <Path
        d="M8.43249 3.69434C7.11686 4.01712 5.93543 4.74401 5.05421 5.77287C4.173 6.80173 3.6363 8.08084 3.51953 9.43045H6.38435C6.50031 7.36105 7.21153 5.36918 8.43249 3.69434Z"
        fill="white"
      />
      <Path
        d="M10.0007 16.4232C11.4558 14.8114 12.3257 12.7565 12.4701 10.5898H7.53125C7.67565 12.7565 8.54555 14.8114 10.0007 16.4232Z"
        fill="white"
      />
      <Path
        d="M12.4701 9.43001C12.3213 7.26441 11.452 5.21092 10.0007 3.59668C8.54942 5.21092 7.6801 7.26441 7.53125 9.43001H12.4701Z"
        fill="white"
      />
      <Path
        d="M16.4833 10.5771H13.6185C13.5016 12.6444 12.7904 14.6339 11.5703 16.3068C12.885 15.9844 14.0657 15.2584 14.9468 14.2308C15.8279 13.2033 16.3652 11.9256 16.4833 10.5771Z"
        fill="white"
      />
      <Path
        d="M16.4819 9.43009C16.3595 8.08068 15.8201 6.80283 14.9386 5.77382C14.057 4.7448 12.8771 4.01565 11.5625 3.6875C12.7873 5.36327 13.5009 7.35771 13.6171 9.43009H16.4819Z"
        fill="white"
      />
    </Svg>
  );
};
